﻿.head 
{
	overflow: hidden;
	background: url("../images/head-bg2.png") no-repeat scroll left bottom transparent;
	height: 110px;
}
.head .nav,
.head .tag 
{
	float: left;
	margin-bottom: 14px;
}

.head .nav 
{
	color: #666666;
    font-size: 13px;
    line-height: 26px;
    padding: 20px 0 10px 40px;
    width: 481px;
}

.head .tag 
{
	color: white;
	width: 150px;
	height: 76px;
	background-color: #d7ecff;
	text-align: center;
	padding: 20px 0 0;
}

.head .tag .text { font: bold 20px "微软雅黑","黑体"; letter-spacing: 2px;}
.head .tag .eng { font: bold 10px/40px verdana; letter-spacing: 2px;}

/*-----------promotion------------*/

#promotion_list { float: left; width: 671px;}
.promotion-list, .promotion-list td { border: 0; padding: 0;}
.promotion-list { width: 671px;}

.promotion { border-bottom: solid 1px #d7ecff; overflow: hidden; height: 165px;}
.promotion-hover { cursor: pointer; background-color: #f8fcff;}

#promotion_list .banner { float: left; position: relative; padding: 8px;}
#promotion_list img { width: 326px; height: 148px;}
#promotion_list .banner .btn-view
{
	background: url("../images/no-repeats.png") no-repeat scroll -133px -148px #999999;
    color: White;
    height: 30px;
    line-height: 28px;
    padding: 0 0 0 28px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 64px;
    display: none;
}

#promotion_list .info { float: left; padding: 16px; width: 295px;}
#promotion_list .info .title { font-size: 14px; line-height: 22px; color: #333;}
#promotion_list .info .others { margin-top: 10px; color: #666; float: none; overflow: hidden;}
#promotion_list .num, #promotion_list .date {font: 12px/24px verdana;}
#promotion_list .num { margin: 0 3px; color: #7abfff; font-weight: bold;}
#promotion_list .date { margin-right: 10px;}
#promotion_list .due 
{
	background: url("../images/no-repeats.png") no-repeat scroll -138px -311px transparent;
	padding-left: 24px;
	
}
.promotion-hover .due 
{
	background: url("../images/no-repeats.png") no-repeat scroll -138px -342px transparent !important;
	
}
.promotion .btn-holder { height: 50px; width: 640px; position: absolute; bottom: 0; left: 0;}
.promotion .btn-qq1, .promotion .btn-qq2, .promotion .btn-soon-coming, .promotion .btn-over-due { float:right;}
.promotion .btn-qq1 a
{
	background: url("../images/no-repeats.png") no-repeat scroll 0 -503px transparent;
    height: 28px;
    width: 77px;
    display: block;
}
.promotion .btn-qq1 a:hover
{
	background: url("../images/no-repeats.png") no-repeat scroll 0 -535px transparent;
}
.promotion .btn-qq2 a
{
	background: url("../images/no-repeats.png") no-repeat scroll -77px -503px transparent;
    height: 28px;
    width: 78px;
    display: block;
}
.promotion .btn-qq2 a:hover
{
	background: url("../images/no-repeats.png") no-repeat scroll -77px -567px transparent;
}
.promotion .btn-soon-coming a
{
	background: url("../images/no-repeats.png") no-repeat scroll 0 -439px transparent;
    height: 30px;
    width: 100px;
    display: block;
    cursor: default;
}
.promotion .btn-over-due a
{
	background: url("../images/no-repeats.png") no-repeat scroll 0 -470px transparent;
    height: 30px;
    width: 100px;
    display: block;
    cursor: default;
}

/*-----------promotion end------------*/

.msg-box 
{
	background-color: #f6ffd1;
	padding: 16px 30px;
	float: left;
	position: relative;
}

.msg-box .arrow
{
	background: url("../images/no-repeats.png") no-repeat scroll -122px -234px transparent;
    bottom: -18px;
    height: 18px;
    left: 40px;
    position: absolute;
    width: 40px;
}

.msg-box .date { color: #777; margin-right: 20px;}
.msg-box .msg { color: #adcb4c; margin-right: 20px;}

/*-----------pagination------------*/

.pagination { margin: 30px 0 10px 0; text-align: center;}
.pagination a,.pagination span { margin: 0 6px;}
.pagination a { text-decoration: none; color: #666;}
.pagination a:hover { color: #FF6868;}

/*-----------pagination end------------*/